page {
	// 定义默认字体为30px
	font-size: 30px;
}


// 定义字体(px)单位，小于20都为px单位字体
@for $i from 0 to 40 {
	.louis-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(px)单位，大于或等于20的都为px单位字体
@for $i from 20 through 200 {
	.louis-font-#{$i} {
		font-size: $i + px !important;
	}
}


// 定义px
@for $i from 0 to 20 {
	.louis-#{$i}px {
		font-size: $i + px !important;

	}
}

// 定义px

@for $i from 0 through 200 {
	.louis-font-#{$i}px {
		font-size: $i + px !important;
	}
}

// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
	.louis-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(px)单位，大于或等于20的都为px单位字体
@for $i from 20 through 200 {
	.louis-#{$i} {
		font-size: $i + px !important;
	}
}


// 定义px
@for $i from 0 to 20 {
	.louis-#{$i}px {
		font-size: $i + px;
	}
}

// 定义px

@for $i from 0 through 200 {
	.louis-#{$i}px {
		font-size: $i + px !important;
	}
}


//字体方向
.louis-text-left {
	text-align: left;
}

.louis-text-right {
	text-align: right;
}

.louis-text-center {
	text-align: center;
}

//字体粗细
.louis-text-B {
	font-weight: bold;
}

.louis-text-bold {
	font-weight: bold;
}

.louis-text-bolder {
	font-weight: bolder;
}

.louis-text-normal {
	font-weight: normal;
}

.louis-text-lighter {
	font-weight: lighter;
}

.louis-text-N {
	font-weight: normal;
}

.louis-text-L {
	font-weight: lighter;
}

// 字体风格
.louis-text-italic {
	font-style: italic;
}

.louis-text-I {
	font-style: italic;
}

.louis-text-i {
	font-style: italic;
}

.louis-text-oblique {
	font-style: oblique;
}

.louis-text-underline {
	text-decoration: underline;
}

.louis-text-overline {
	text-decoration: overline;
}

.louis-text-line-through {
	text-decoration: line-through;
}

.louis-text-underline-dotted {
	text-decoration: underline dotted;
}

.louis-text-overline-dotted {
	text-decoration: overline dotted;
}

.louis-text-overline-wavy {
	text-decoration: overline wavy;
}

.louis-text-underline-wavy {
	text-decoration: underline wavy;
}

//字体粗细
.louis-font-B {
	font-weight: bold;
}

.louis-font-b {
	font-weight: bold;
}

.louis-font-bold {
	font-weight: bold;
}


//字体方向
.louis-font-left {
	text-align: left;
}

.louis-font-right {
	text-align: right;
}

.louis-font-center {
	text-align: center;
}

//字体粗细
.louis-font-B {
	font-weight: bold;
}

.louis-font-bold {
	font-weight: bold;
}

.louis-font-bolder {
	font-weight: bolder;
}

.louis-font-normal {
	font-weight: normal;
}

.louis-font-lighter {
	font-weight: lighter;
}

.louis-font-N {
	font-weight: normal;
}

.louis-font-L {
	font-weight: lighter;
}

// 字体风格
.louis-font-italic {
	font-style: italic;
}

.louis-font-I {
	font-style: italic;
}

.louis-font-i {
	font-style: italic;
}

.louis-font-oblique {
	font-style: oblique;
}

.louis-font-underline {
	text-decoration: underline;
}

.louis-font-overline {
	text-decoration: overline;
}

.louis-font-line-through {
	text-decoration: line-through;
}

.louis-font-underline-dotted {
	text-decoration: underline dotted;
}

.louis-font-overline-dotted {
	text-decoration: overline dotted;
}

.louis-font-overline-wavy {
	text-decoration: overline wavy;
}

.louis-font-underline-wavy {
	text-decoration: underline wavy;
}

// 像素化
.louis-font-pixel {
	font-family: font-test
}

//首字母大写
.louis-font-capitalize {
	text-transform: capitalize;
}

.louis-font-uppercase {
	text-transform: uppercase;
}

.louis-font-lowercase {
	text-transform: lowercase;
}

.louis-font-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@for $i from 0 through 10 {
	.louis-font-ellipsis-#{$i} {
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $i; //控制行数
		overflow: hidden;


	}
}

// 定义px
@for $i from 0 to 50 {
	.louis-line-height-#{$i}px {
		line-height: $i + px;
	}
}

// 定义px
@for $i from 0 through 200 {
	.louis-line-height-#{$i}px {
		line-height: $i + px !important;
	}
}

//兼容IE的超出文字隐藏
 .louis-white-space-nowrap {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	/* for Opera */
	text-overflow: ellipsis;
	/* for IE */
}